<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/lib/layuiadmin/style/admin.css" media="all">
    <script src="/static/lib/layuiadmin/layui/layui.js" type="text/javascript"></script>
    <script src="/static/lib/layuiadmin/layui/layui.all.js" type="text/javascript"></script>
    <script src="../../../common/jquery-3.3.1.min.js"></script>
    <script src="../../../common/dataGrid.js"></script>
    <script src="../../../common/common.js"></script>
    <script src="../../../common/listTree.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
            border: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        html, body .dw, body .dw .layui-card {
            height: 100%;
        }

        #btn-zs {
            border-bottom: 0;
            padding: 0px;
            margin-bottom: 10px;
        }
        .btn-table {
            width: 98%;
            table-layout: fixed;
            margin-left: 15px;
        }
        #Tree li a{cursor:pointer}
    </style>
</head>
<body>
<div class="layui-fluid" id="LAY-component-grid-mobile" style="height: 100%;padding: 5px;">
    <div class="layui-row layui-col-space10" style="height: 100%">
        <div class="layui-col-xs2" style="height: 100%">
            <div class="layui-card" style="height: 100%">
                <div class="layui-card-header">模块列表</div>
                <div class="layui-card-body" style="overflow: auto;height: 92%;padding: 10px;">
                    <ul id="Tree"></ul>
                </div>
            </div>
        </div>

        <div class="layui-col-xs10" style="height: 100%">
            <div class="layui-card" style="height: 100%">
                <div class="layui-card-header" id="title">表单列表-<span style="color:red"></span></div>
                <div class="layui-card-body" style="padding:5px 15px;">

                    <div id="btn-zs">
                        <form class="layui-form" action="">
                            <table id="btn-table">
                                <tr>
                                    <td style='width:80px'>
                                        <a id="addBtn" class="layui-btn layui-btn-sm" onclick="doEdit()"><i class="layui-icon">&#xe654;</i>新建</a>
                                    </td>
                                    <td style='width:110px'>
                                        <a id="wfTrash" class="layui-btn layui-btn-sm st_back2" onclick="recycleBin('')"> <i
                                                class="layui-icon"> </i>表单回收站</a>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                        </form>
                    </div>
                    <div id="gridList" style="width: 100%;height: 100%"
                         url="/wf/form/pageList" idField="formId" allowResize="true" multiSelect="false"
                         sizeList="[10,20,50,100]" pageSize="10" pageIndexField="page" pageSizeField="rows"
                         dataField="rows"height="700">
                        <div property="columns" style="display: none;width: 100%;height: 100%">
                            <div type="indexcolumn" width="5%" headerAlign="center">No.</div>
                            <!---请手动修改各个列宽度，建议都设数字；让一个或两个设定按照百分比设置，百分比之和等于100%；操作列如果只有修改和删除时一般不用修改---->
                            <div field='displayName' width='24%' headerAlign='center' allowSort='true'>表单名称</div>
                            <!--<div field='formName' width='16%' headerAlign='center' allowSort='true'>表单标识</div>-->
                            <div field='description' width='28%' headerAlign='center' allowSort='true'>表单备注</div>
                            <!--<div field='lastModifyTime' width='200' headerAlign='center' renderer="dateRenderer"-->
                                 <!--allowSort='true'>修改时间-->
                            <!--</div>-->
                            <div field='wfState' width='15%' headerAlign='center' allowSort='true' renderer="wfState">流程状态</div>
                            <div field="formId" width="30%" headerAlign="center" allowSort="false"
                                 cellStyle="text-align:center;" renderer="formatOper">操作
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
<script type="text/javascript" src="formList.js"></script>

